page{
    background-color: #F5F5F5;
}
.container{

    .list{
        margin-top: 30rpx;
        display: flex;
        flex-direction: column;
        .item{
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 710rpx;
            height: 200rpx;      
            margin:0rpx 30rpx 30rpx 20rpx;
            background-color: #ffffff;
            border-radius: 10rpx;
            position: relative;
            .i-left::after{
                content: '';
                background-color: #eeeeee;
                width: 2rpx;
                height: 180rpx;
                position: absolute;
                right: 0rpx;
                top: 10rpx;
            }
            .i-left{
                width: 162rpx;
                height: 200rpx;
                position: relative;
                .text{
                    position: absolute;
                    left: 12rpx;
                    top: 15rpx;
                    width: 80rpx;
                    height: 50rpx;
                    line-height: 50rpx;
                    color: #ffffff;
                    -moz-transform: rotate(-45deg);
                    -webkit-transform: rotate(-45deg);
                    font-size: 19rpx;
                    text-align: center;
                }
                .condition{
                    font-size:26rpx;
                    padding: 50rpx 10rpx 4rpx;
                    text-align: center;
                    box-sizing: border-box;
                }
                .discount{
                    color: #D0021B;
                    text-align: center;
                    padding: 4rpx 0rpx;
                    font-size: 48rpx;
                }
                .coupon{
                  font-size: 22rpx;
                  color: #D0021B;
                }
            }
            .i-right{
                width: 548rpx;
                height: 200rpx;
                position: relative;
                .title{
                    position: absolute;
                    left: 24rpx;
                    top: 22rpx;
                    font-size: 28rpx;
                    color: #494949;
                    font-weight: bold;
                }
                .cate,.tips{
                    position: absolute;
                    left: 24rpx;
                    top: 80rpx;
                    color:rgba(184,184,184,1);
                    font-size:24rpx;
                    width: 500rpx;
                    word-break: break-all;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                }
                .date{
                    position: absolute;
                    left: 24rpx;
                    top: 140rpx;
                    color:rgba(184,184,184,1);
                    font-size:24rpx;
                }
                .getCoupon{
                    position: absolute;
                    top: 130rpx;
                    right: 40rpx;
                    padding: 0rpx 10rpx;
                }
                .share{
                    position: absolute;
                    top: 130rpx;
                    right: 40rpx;
                    width: 60px;
                    height: 20px;
                    background-color: #D0021B;
                    color: #ffffff;
                    font-size: 20rpx;
                    padding: 4rpx 6rpx;
                    border-radius: 30rpx;
                    display:flex;
                    align-items: center;
                    justify-content: center;
                }
            }
        }
    }
}